.menu {
  line-height: 24px !important;
  height: 24px !important;
  margin: 2px !important;
}

.panel {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  overflow: hidden;

  &-item {
      position: relative;

      >div {
          position: absolute;
          width: 100%;
          height: 100%;
          overflow: auto;
          &::-webkit-scrollbar { display: none }
      }
  }

  &-row{
      flex-direction: column;

      >div {
          width: 100%;
      }
  }

  &-column{
      flex-direction: row;

      >div {
          height: 100%;
      }
  }
}

.spin {
  position: absolute;
  background: rgba(155, 155, 155, 0.05);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;

  > div {
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
  }
}

.table {
  &-self {
    &-def {
      >div {
        >div {
          >div {
            border-width: 0 0 1px 0;
            border-radius: 0;
            > div {
              border-right: 0 !important;
              table {
                padding: 0 !important;
                td {
                  height: 32px;
                  white-space: pre-wrap;
                  word-break: break-all;
                  word-wrap: break-word;
                }
              }
            }
          }
        }
      }
    }
  }

  &-content{
      border: 1px solid  #e8e8e8;
      overflow: hidden;
      height: 100%;

    div[class='ant-table-fixed-right'] {
      bottom: 0;
      background: white;
    }
  }

  &-page{
      text-align: right;
      padding-top: 4px;
  }
}

.tab {
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  padding: 2px;
  height: 100%;
  width: 100%;

  &_bottom {
      > div > div[class*='ant-tabs-content '] {
          flex: 1;

          > div {
              position: relative;

              > div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 2px;
              }
          }
      }
  }

  &_top {
      >div > div[class*='ant-tabs-content '] {
          flex: 1;

          > div {
              position: relative;

              > div {
                  position: absolute;
                  top: 2px;
                  left: 0;
                  right: 0;
                  bottom: 0;
              }
          }
      }
  }

  > div {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      height: 100%;
  }
}